<div class="content">

    <!-- 页面模块标题 -->
    <div class="module-one">
        <div class="module-one-title">作品广场</div>
        <div class="iconfont icon-minus-bold"></div>
    </div>

    <!-- NG-ZORRO组件Segmented分段控制器 -->
    <nz-segmented class="module-two" [nzOptions]="options" (nzValueChange)="handleIndexChange($event)"></nz-segmented>

    <!-- 点击事件跳转相应页面 -->
    <div class="page-content" *ngIf="selectedIndex === 0">
        <!-- AI创作页面内容 -->
        AI创作页面内容
    </div>
    
    <div class="page-content" *ngIf="selectedIndex === 1">
        <!-- AI摄影页面内容 -->
        AI摄影页面内容
    </div>
    
    <div class="page-content" *ngIf="selectedIndex === 2">
        <!-- AI二次元页面内容 -->
        AI二次元页面内容
    </div>
</div>
